{**
 * My Application layout template.
 *
 * @copyright  Copyright (c) 2010 John Doe
 * @package    MyApplication
 *
 * @param string   $basePath web base path
 * @param string   $robots   tell robots how to index the content of a page (optional)
 * @param array    $flashes  flash messages
 *}

<!DOCTYPE html>
<html>
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

	<meta name="description" content="2Perfection">
	<meta name="robots" content="{$robots}" n:ifset="$robots">

	<title>2Perfection</title>

	<link rel="stylesheet" media="screen,projection,tv" href="{$basePath}/css/screen.css" type="text/css">
	<link rel="shortcut icon" href="{$basePath}/favicon.ico" type="image/x-icon">

	{* Mapy.cz API *}
	<script type="text/javascript" src="http://api4.mapy.cz/loader.js"></script>
	<script type="text/javascript">Loader.load();</script>

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
	<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
	
	{* jQuery a jQuery UI *}
<!--	<script type='text/javascript' src='{$basePath}/js/jquery-1.7.1.min.js'></script>-->
	<script type='text/javascript' src='{$basePath}/js/jquery.js'></script>
	<script type='text/javascript' src='{$basePath}/js/jquery-ui-1.8.17.custom.min.js'></script>
	
<!--		<script type='text/javascript' src='{$basePath}/js/netteForms.js'></script>-->
		<script type='text/javascript' src='{$basePath}/js/live-form-validation.js'></script>
		
	
	{* Slide show *}
	<script type="text/javascript" src="{$basePath}/js/jquery.cycle.all.2.74.js"></script>
    </head>

    <body>
	<div id = "header">

	    <a n:href="Homepage:default"><img class = "logo" src = "{$basePath}/images/logo.png"></a>
<!--	    <a href="//www.facebook.com"><img class = "fb" src = "{$basePath}/images/fb_normal.png"></a>-->
<!--	    <a href="//www.plus.google.com"><img class = "gPlus" src = "{$basePath}/images/g_plus_normal.png"></a>-->

	    <ul class = "menu_first">
		<li><a n:href="Homepage:default">O nás</a></li>
		{* <li><a n:href="Homepage:reference">Reference</a></li> *}
		<li><a n:href="Homepage:contact">Kontakt</a></li>
	    </ul>

	    <div class = "slideshow">
		<img src="{$basePath}/images/header1.png">
		<img src="{$basePath}/images/header2.png">
		<img src="{$basePath}/images/header3.png">
		<img src="{$basePath}/images/header4.png">
		<img src="{$basePath}/images/header5.png">
	    </div>

	    <div class="menu_second" >
		<a class="weight_loss" n:href="Homepage:weightLoss"><img src="{$basePath}/images/menu_hubnuti.png"><span>Zdravé hubnutí</span></a>
		<a class="vitalita" n:href="Homepage:vitalita"><img src="{$basePath}/images/menu_estetika.png"><span>Vitalita a Anti-aging</span></a>
		<a class="fitness" n:href="Homepage:fitness"><img src="{$basePath}/images/menu_fitness.png"><span>Tělesná kondice</span></a>
		<a class="body_care" n:href="Homepage:bodyCare"><img src="{$basePath}/images/menu_pece.png"><span>Péče o tělo</span></a>
	    </div>
	</div>


	<div id = "content">
	    <div n:foreach="$flashes as $flash" class="flash {$flash->type}">{$flash->message}</div>
	    {include #content}
	</div>

	<div id = "right_side">
	    {if false}
	    {* SIGNFORM *}
	    {if $user->isLoggedIn()}
	    <div class="form" ><img src="{$basePath}/images/icon_prihlaseni.png"><h1>Osobní informace</h1><hr>    
		<div class="loggegIn" >
		    {var $name = $user->identity->data["firstName"] . " " . $user->identity->data["secondName"]}
		    <a class="user" >{$name|capitalize}</a>
		    <a n:href="Reservation:create">Vytvořit rezervaci</a>
		    <a class="changePersonalDate" n:href="Sign:change">Změna osobních údajů</a>
		    <a class="logOut" n:href="Sign:out">Odhlásit</a>
		</div>
	    {else}
		<div class="form" ><img src="{$basePath}/images/icon_prihlaseni.png"><h1>Přihlásit se</h1><hr>
		    <p>Pokud máte zájem o naše služby a chcete si rezervovat termín návštěvy, prosíme o přihlášení.</p>
		{form signInForm}
		    {foreach $form->controls as $name => $field }
			{input $name}
		    {/foreach}
		{/form}
		    <a n:href="Sign:registration">Registrovat</a>
		    <a n:href="Sign:forgot">Zapoměli jste heslo?</a>
	    {/if}
		</div>
	    {/if}

		{* RECOMMENDED *}
		<div class="recommend" ><img src="{$basePath}/images/icon_doporucujeme.png"><h1>Doporučujeme</h1><hr>
		    <div class="recommend_slide_show">
			<a href="http://www.formositas.cz/" target="_blank"><img style="margin-left: 69px; border: 0" src="{$basePath}/images/logo_formositas.png"></a>
			<a href="http://www.olympiafitness.cz/" target="_blank"><img style="margin-left: 96px; border: 0" src="{$basePath}/images/logo_olympiaFitness.png"></a>
			<a href="http://sportovnilekarstvi.cz/" target="_blank"><img style="margin-left: 55px; border: 0" src="{$basePath}/images/logo_isl.png"></a>
		    </div>
		</div>

		{* NEWS *}
		<div class="news" ><img src="{$basePath}/images/icon_novinky.png"><h1>Novinky</h1><hr>
		    <div class="item" >
			<a n:href="News:antioxidant"><h2>Měření hladiny antioxidantů</h2><span>30.7.2012</span></a>
			<br />
			<hr>
			<p>Od 1.8.2012 neivazivní změření hladiny antioxidantů  u nás každou středu od 9:00 do 15:00.</p>
		    </div>
		
		    <div class="item" >
			<a n:href="News:skinTreatment"><h2>Ošetření pleti</h2><span>30.7.2012</span></a>
			<br />
			<hr>
			<p>Laboratorní výzkumy ukazují, že ošetření pleti s použitím galvanického proudu může posílit přísun anti-ageingových složek až po dobu 96 hodin.</p>
		    </div>
		</div>
	    </div>

	    <div id="foot">
		<a href="http://www.formositas.cz/" target="_blank"><img src="{$basePath}/images/logo_formositas.png"></a>
		<a href="http://www.olympiafitness.cz/" target="_blank"><img style="left: 90px;" src="{$basePath}/images/logo_olympiaFitness.png"></a>
		<a href="http://sportovnilekarstvi.cz/" target="_blank"><img style="bottom: 11px; left: 180px" src="{$basePath}/images/logo_isl.png"></a>
		<p>&COPY;&nbsp;2Perfection.cz, všechna práva vyhrazena.</p>
	    </div>
    </body>
</html>

{* --- NASTAVENI SLIDE SHOW --- *}
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
    
    $('.recommend_slide_show').cycle({
		fx: 'curtainX' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});	
});
</script>




